/*整体容器*/
.container{       
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
} 
/*登录按钮*/
.login{
	width: 4.7rem;
	height: .8rem;
	background: #101010;
	color: #fff;
	font-size: .28rem;
	text-align: center;
	line-height: .8rem;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 2.68rem;
	border-radius:.1rem;
}
/*注册按钮*/
.register{
	box-sizing: border-box;
	border: .04rem solid #E5E5E5;
	width: 4.7rem;
	height: .8rem;
	background: #FFFFFF;
	font-size: .28rem;
	color: #101010;
	text-align: center;
	line-height: .8rem;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 1.58rem;
	border-radius:.1rem;
	
}
/*以游客身份继续*/
.continue{
	width: 2rem;
	height: .28rem;
	color: #101010;
	font-size: 0.2rem;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 1rem;
	border-radius:.1rem;
}
/*轮播小圆点*/
.circle{
	width: 4rem;
	height: .24rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 4.08rem;
	text-align: center;
}
/*轮播小圆点原始效果*/
.circle .swiper-pagination-bullet{
	display: inline-block;
	width: .16rem;
	height: .16rem;
	border-radius: 50%;
	background: #101010;
	margin: .04rem .2rem;
	
}
/*轮播小圆点激活效果*/
/* .circle .swiper-pagination-bullet swiper-pagination-bullet-active{
	display: inline-block;
	width: .24rem;
	height: .24rem;
	border-radius: 50%;
	background: #101010;
	margin: 0 .16rem;
}
 */
.swiper-container {
				width: 4.94rem;
				height: 8.6rem;`
				/* border: 1px solid red; */
			}
.swiper-container div h2{
	width:1.6rem;
	height:.54rem;
	font-size:.4rem;
	color:rgba(16,16,16,1);
}
.circle .my-bullet-active{
	width: 0.18rem;
	height: 0.18rem;
	border-radius: 50%;
	background: #000;
	opacity: 1; 
}
.box1{
	height: 3.08rem;
	margin-top: 3.16rem;
	text-align: center;
}
.box1 img{
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 auto;
}
.box1 p{
	width:3.9rem;
	height:.4rem;
	font-size:.3rem;
	color:rgba(16,16,16,1);
	text-align: center;
}
.box1 .p1{
	margin: .6rem auto 0;
}
.box1 .p2{
	margin: .08rem auto 0;
}
.box2{
	height: 4.66rem;
	margin-top: 3.32rem;
	text-align: center;
	
}
.box2 img{
	height: 2.02rem;
	margin: 0 auto;
}
.box2 h2{
	margin: 1rem auto .22rem;
}
.box2 p{
	height:0.4rem;
	font-size:0.3rem;
	font-family:PingFang-SC-Bold;
	color:rgba(153,153,153,1);
}
.box2 .p1{
	width:3.6rem;
	margin: 0 auto .08rem;
}
.box2 .p2{
	width:2.22rem;
	margin: 0 auto;
}
.box3{
	margin-top: 3.02rem;
	text-align: center;
	height: 4.96rem;
}
.box3 img{
	width: 3.98rem;
	height: 2.52rem;
	margin: 0 auto;
}
.box3 h2{
	margin: .8rem auto .22rem;
}
.box3 p{
	height:0.4rem;
	font-size:0.3rem;
	color:rgba(153,153,153,1);
}
.box3 .p1{
	margin: 0 auto .08rem;
	text-align: center;
}
.box3 .p2{
	width:2.40rem;
	margin: 0 auto;
}
.box4{
	margin-top:2.16rem;
	text-align: center;
}

.box4 img{
	width: 3.7rem;
	height: 3.38rem;
	margin: 0 auto;
}
.box4 h2{
	margin: .8rem auto .22rem;
}
.box4 p{
	height:0.4rem;
	font-size:0.3rem;
	color:rgba(153,153,153,1);
}
.box4 .p1{
	width:4.8rem;
	margin: 0 auto .08rem;
}
.box5{
	margin-top:3.34rem;
	text-align: center;
}
.box5 img{
	width: 4.02rem;
	height: 2.1rem;
	margin: 0 auto;
}
.box5 h2{
	margin: .8rem auto .32rem;
}
.box5 p{
	height:0.4rem;
	font-size:0.3rem;
	color:rgba(153,153,153,1);
}
.box5 .p1{
	width:4.8rem;
	margin: 0 auto .08rem;
}